﻿<Canvas x:Class="Cards.BannerCard" x:Name="Banner"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="68" Width="342" Background="{DynamicResource Background}">
    <Image Canvas.Left="2" Canvas.Top="2" Height="64" Stretch="Fill" Width="64" Source="{DynamicResource AvatarImage}"/>
    <StackPanel Canvas.Left="70" Canvas.Top="4" Orientation="Horizontal">
        <TextBlock FontFamily="Arial" FontSize="11" FontWeight="Bold" Height="14" Padding="0" Foreground="{DynamicResource Foreground}" Text="{DynamicResource ZuneTag}"/>
        <TextBlock FontFamily="Arial" FontSize="10" Height="14" Padding="2,0,0,0" Foreground="{DynamicResource Foreground}" Text="{DynamicResource PlaysFull}" Visibility="{DynamicResource ShowPlays}"/>
    </StackPanel>
    <TextBlock Canvas.Left="70" Canvas.Top="18" FontFamily="Arial" FontSize="9" FontWeight="Normal" Height="12" Padding="0" Width="272" Foreground="{DynamicResource ItemForeground}" Text="{DynamicResource Status}" Visibility="{DynamicResource ShowStatus}"/>
    <Image Canvas.Left="68" Canvas.Top="30" Height="36" Stretch="Fill" Width="272" Source="{DynamicResource BackgroundImage}" Visibility="{DynamicResource ShowBackground}"/>
    <Image Canvas.Left="69" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage1}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="69" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText1}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="103" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage2}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="103" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText2}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="137" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage3}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="137" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText3}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="171" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage4}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="171" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText4}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="205" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage5}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="205" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText5}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="239" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage6}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="239" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText6}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="273" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage7}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="273" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText7}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="307" Canvas.Top="32" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage8}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="307" Canvas.Top="32" FontFamily="Segoe UI" FontSize="8.5" Height="32" Width="32" MaxHeight="32" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText8}" Visibility="{DynamicResource ShowCoverText}"/>
</Canvas>
